<aside id="sidebar">

	<!-- Search -->
	<div id="search-bar">
		<form id="search-form" name="search-form" action="search.php" method="post">
			<input type="text" id="query" name="query" value="" autocomplete="off" placeholder="Search">
		</form>
	</div> <!--! end of #search-bar -->

	<!-- Begin of #login-details -->
	<section id="login-details">
		<img class="img-left framed" src="img/misc/avatar_small.png" alt="Hello Admin">
		<h3>Welcome:</h3>
		<h2><a class="user-button" href="javascript:void(0);"><?php echo $user['user_name']; ?>&nbsp;<span class="arrow-link-down"></span></a></h2>
		<ul class="dropdown-username-menu">
			<li><a href="index.php?module=profil">Profil</a></li>
			<li><a href="index.php?module=config">Config</a></li>
			<li><a href="index.php?module=messages">Messages</a></li>
			<li><a href="index.php?module=logout">Logout</a></li>
		</ul>

		<div class="clearfix"></div>
	</section> 
	<!--! end of #login-details -->

	<!-- Begin of Navigation -->
	<nav id="nav">
		<ul class="menu collapsible shadow-bottom">
			<li><a href="index.php" class="current"><img src="img/icons/packs/fugue/16x16/dashboard.png">Home<span class="badge">2</span></a></li>
			<li><a href="index.php?module=fb_pages"><img src="img/icons/packs/fugue/16x16/application-form.png">Pages</a></li>
			<li><a href="index.php?page=last_process"><img src="img/icons/packs/fugue/16x16/table.png">Last process</a></li>
			<li><a href="index.php?module=statistics"><img src="img/icons/packs/fugue/16x16/chart.png">Statistics</a></li>
			<li>
				<a href="javascript:void(0);"><img src="img/icons/packs/fugue/16x16/clipboard-list.png">User Manager<span class="badge grey">2</span></a>
				<ul class="sub">
					<li><a href="index.php?module=group_manager">Group Manager</a></li>
					<li><a href="index.php?module=user_manager">User Manager</a></li>
				</ul>
			</li>
			<!-- 
			<li><a href="tabs.html"><img src="img/icons/packs/fugue/16x16/ui-tab-content.png">Tabs</a></li>
			<li><a href="notifications.html"><img src="img/icons/packs/fugue/16x16/application--exclamation.png">Notifications</a></li>
			<li><a href="alert_boxes.html"><img src="img/icons/packs/fugue/16x16/balloons-box.png">Alert Boxes</a></li>
			<li><a href="tooltips.html"><img src="img/icons/packs/fugue/16x16/ui-tooltip-balloon.png">Tooltips</a></li>
			<li><a href="404.html"><img src="img/icons/packs/fugue/16x16/magnifier--exclamation.png">Error-Page (404)</a></li>
			<li><a href="login.html"><img src="img/icons/packs/fugue/16x16/door-open-in.png">Login</a></li>
			<li>
				<a href="javascript:void(0);"><img src="img/icons/packs/fugue/16x16/user-white.png">Example Submenu<span class="badge red">42</span></a>
				<ul class="sub">
					<li><a href="javascript:void(0);">Lorem ipsum #1</a></li>
					<li><a href="javascript:void(0);">Lorem ipsum #2</a></li>
					<li><a href="javascript:void(0);">Lorem ipsum #3</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:void(0);"><img src="img/icons/packs/fugue/16x16/newspaper.png">Another Submenu</a>
				<ul class="sub">
					<li><a href="javascript:void(0);">Lorem ipsum</a></li>
					<li><a href="javascript:void(0);">Lorem ipsum</a></li>
					<li><a href="javascript:void(0);">Lorem ipsum</a></li>
					<li><a href="javascript:void(0);">Lorem ipsum</a></li>
					<li><a href="javascript:void(0);">Lorem ipsum</a></li>
				</ul>
			</li>
			 -->
		</ul>
	</nav> <!--! end of #nav -->

</aside> 